/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      列表      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .MonitorList {
  /* ============================== 展示区 ============================== */
  > div:first-child {
    min-height: 300px;
    margin: -5px;
  }

  /* ============================== 空白 ============================== */
  > .el-empty {
    min-height: 300px;
  }

  /* ============================== 每项 ============================== */
  &-item {
    display: inline-block;
    width: 20%;
    line-height: 1;
    vertical-align: top;
  }

  /* ============================== 每行三个 ============================== */
  &-3 .MonitorList-item {
    width: 33.33333333%;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      面板      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .MonitorList-item-panel {
  line-height: 1;
  margin: 5px;
  border-radius: 6px;
  color: var(--Black6);
  background: rgba(240, 242, 245, 0.7);
  overflow: hidden;
  transition: 0.3s;
  cursor: pointer;

  &:hover {
    box-shadow: 0 0 10px 2px var(--Black2);
  }

  &-alarm {
    background: rgba(255, 215, 209, 0.7);
  }

  > .ellips:nth-child(1) {
    height: 16px;
    padding: 20px 20px 12px;
    font-size: 16px;
    color: var(--Black8);
  }

  > .ellips:nth-child(2) {
    height: 14px;
    padding: 0 20px;
    color: var(--Black6);
  }

  > .flexCC {
    height: 150px;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
